Warna, Tipografi dan Komponen Lainnya

Wahana template menerapkan pewarnaan tematis: sebagian besar properti warna untuk kerangka ditulis terpisah pada selector khusus. Cara ini akan memudahkan perubahan warna kedepannya.

Template menggunakan tiga warna sebagai dasar dan dilengkapi warna turunan yang didapat melalui kalkulasi pergeseran nilai saturation dan lighting

Pada preview ini warna dasar yang digunakan adalah:

Dengan penambahan:


/* Warna:
constant 1,2,3
dan variasi dengan kalkulasi pergeseran nilai
*/
.warna-1-x2{color:#000; background-color:#88cd5d}
.warna-1{color:#fff ; background-color:#457725}
.warna-1-y2{color:#fff; background-color:#37611e}
.warna-1-y5{color:#fff; background-color:#233c13}
.warna-2-x2,mark{color:#000; background-color:#c8cbce}
.warna-2{color:#000; background-color:#a2a7ad}
.warna-2-y2{color:#fff; background-color:#7f868e}
.warna-3-x2, #bottom li:hover{color:#fff; background-color:#d4767c}
.warna-3{color:#fff; background-color:#a0333a}
.warna-3-y2{color:#fff; background-color:#7f282e}
.warna-3-y5{color:#fff; background-color:#4f191d}

Pada Wahana template beberapa komponen dan library dari sumber lain digunakan, beberapa diantaranya dengan modifikasi untuk penyesuaian.

- B612 |alias| Aircraft Cockpit Screen Font
- League Script - Google Font
- Font Awesome 5 Free
- JQuery
- Normalize CSS
- Responsive Related Post Widget With Thumbnail
- Responsive Menu Using Automatic Label Listing In Ajax Megamenu With Thumbnail
- Responsive Social Share Button
- Automatic Index Pagination